﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="KaraKulak.index" MasterPageFile="~/KaraKulak.Master" %>


<asp:Content runat="server" ID="icerik" ContentPlaceHolderID="ContentPlaceHolder1">

    <aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
			   	<li style="background-image: url(images/slider.gif);">
			   		<div class="overlay-gradient"></div>
			   		<div class="container">
			   			<div class="row">
				   			<div class="col-md-8 col-md-offset-2 text-center js-fullheight slider-text">
				   				<div class="slider-text-inner">
				   					<h1>Expert Legal Solutions</h1>
										<h2>Free html5 templates Made by <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></h2>
										<p><a class="btn btn-primary btn-lg" href="#">Make An Appointment</a></p>
				   				</div>
				   			</div>
				   		</div>
			   		</div>
			   	</li>   	
		  	</ul>
	  	</div>
	</aside>
<section id="portfolio" class="bg-light-gray">
        <div id="fh5co-work" class="content-section-b" data-section="work">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center wow pulse">
                        <h2 class="section-heading">Ürünlerimiz</h2>
                        <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
                    </div>
                </div>
                <div class="row row-bottom-padded-sm">
                    
                     <asp:Repeater ID="RptUrun" runat="server"><ItemTemplate>
                     <div class="col-lg-4 col-md-4 col-sm-6 col-xxs-12">
                        <a href="#portfolioModal1" data-toggle="modal" class="fh5co-project-item wow bounceIn books">
                            <img src="images/<%#Eval("resim")%>" alt="Image" class="img-responsive center-block bg-3">
                            <div class="fh5co-text text-center">
                                <h2><%#Eval("ad")%></h2>
                                <span>İncele</span>
                            </div>
                        </a>
                    </div>
                         </ItemTemplate></asp:Repeater>

                </div>   
               
                  
    </section>  
	<div id="fh5co-blog" class="fh5co-bg-section">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>Merak Ettikleriniz</h2>
					<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
				</div>
			</div>
			<div class="row">
                <asp:Repeater ID="RptSss" runat="server"><ItemTemplate>
				<div class="col-lg-4 col-md-4">
					<div class="fh5co-blog animate-box">
						<a href="#"><img class="img-responsive" src="images/<%#Eval("resim")%>" alt=""></a>
						<div class="blog-text">
					
							<h3><a href="#"><%#Eval("baslik")%></a></h3>
						
							<a href="#" class="btn btn-primary">Daha Fazla</a>
						</div> 
					</div>
				</div>
				
				</ItemTemplate></asp:Repeater>
			</div>
		</div>
	</div>
	<div id="fh5co-started" style="background-image:url(images/img_bg_2.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>Legal Advice</h2>
					<p>We help people effectively fight their offenders back and successfully defend their own stand!</p>
				</div>
			</div>
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center">
					<p><a href="#" class="btn btn-default btn-lg">Consultation</a></p>
				</div>
			</div>
		</div>
	</div>
	<div id="fh5co-practice" class="fh5co-bg-section">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>Analizler / Video / Resimler</h2>
					<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 text-center animate-box">
					<div class="services">
						<span class="icon">
							<i><img src="images/analiz.gif" width="130%" height="130%"></i>
						</span>
						<div class="desc">
							<h3><a href="#">Analizler</a></h3>
							<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 text-center animate-box">
					<div class="services">
						<span class="icon">
							<i><i><img src="images/video.gif" width="130%" height="130%"></i></i>
						</span>
						<div class="desc">
							<h3><a href="#">Video</a></h3>
							<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 text-center animate-box">
					<div class="services">
						<span class="icon">
							<i><i><img src="images/resim.gif" width="130%" height="130%"></i></i>
						</span>
						<div class="desc">
							<h3><a href="#">Resimler</a></h3>
							<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
						</div>
					</div>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a class="btn btn-primary btn-lg btn-learn" href="#">Daha Fazla</a></p>
				</div>
			</div>
		</div>
	</div>

	
	<div id="fh5co-testimonial" class="fh5co-bg-section">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
					<h2>Testimonials</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-md-10 col-md-offset-1">
					<div class="row animate-box">
						<div class="owl-carousel owl-carousel-fullwidth">
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/user-1.jpg" alt="user">
									</figure>
									<span>Jean Doe, via <a href="#" class="twitter">Twitter</a></span>
									<blockquote>
										<p>&ldquo;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.&rdquo;</p>
									</blockquote>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/user-1.jpg" alt="user">
									</figure>
									<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
									<blockquote>
										<p>&ldquo;Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.&rdquo;</p>
									</blockquote>
								</div>
							</div>
							<div class="item">
								<div class="testimony-slide active text-center">
									<figure>
										<img src="images/user-1.jpg" alt="user">
									</figure>
									<span>John Doe, via <a href="#" class="twitter">Twitter</a></span>
									<blockquote>
										<p>&ldquo;Far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.&rdquo;</p>
									</blockquote>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
	   <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>19 LT DAMACANA</h2>
                        <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                        <div class="row">
                            <div class="col-lg-3">
                                <img class="img-responsive img-centered" src="images/damacana.png" alt="">
                            </div>
                            <div class="col-lg-9 bookText" align="left">
                                <p ver><a href="http://designmodo.com/startup/?u=787">Startup Framework</a> is a website builder for professionals. Startup Framework contains components and complex blocks (PSD+HTML Bootstrap themes and templates) which can easily be integrated into almost any design. All of these components are made in the same style, and can easily be integrated into projects, allowing you to create hundreds of solutions for your future projects.</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti culpa sunt, quae deserunt magni? Minima porro quo voluptates non neque, error explicabo. Nostrum facere eveniet tenetur deserunt veritatis, assumenda iusto?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui, ipsum, quod nemo ad, illum velit quis nam facilis consectetur autem porro deleniti eligendi. Error doloremque exercitationem consequuntur voluptas, nobis doloribus!</p>
                                <p>You can preview Startup Framework <a href="http://designmodo.com/startup/?u=787">here</a>.</p>
                                <div class="col-lg-3 pull-right">
                                   <button type="button" class="btn btn-success btn-lg btn-block" data-dismiss="modal"><i class="fa fa-shopping-cart"></i>&nbsp;Satın Al</button>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>                   

	</div>

	

	
	





</asp:Content>

